<html>
  <head>
    <!-- API Key for code.google.com -->
    <script type="text/javascript" src="http://www.google.com/jsapi?hl=en&key=ABQIAAAAmQYslFvVlJmDdURVmhrEOhRZxWYvpmaoS0zdJF4UWSgtIlYtmBRga8LV3rpdlbX7n6juisORTqSsLw"></script>
    <script type="text/javascript" src="game.js"></script>
    <style type="text/css">@import "index.css";</style>
  </head>
  <body onunload="GUnload();">
    <table style="width: 100%; height: 400px">
      <tr>
        <td style="width: 67%" valign="top">
          <div id="earth-container" style="border: 1px solid #000; height: 400px;">
            <div id="earth" style="height: 100%;"></div>
          </div>
        </td>
        <td style="width: 33%" valign="top">
          <table style="width: 100%; height: 100px">
            <tr>
              <td style="width: 300px" valign="top">
                <form id="directions-form" onsubmit="return false;" action="get">
                  <fieldset>
                    <legend>Race Path</legend>
                    From:<br/>
                    <input type="text" id="from" value="San Francisco, CA"/><br/>
                    To:<br/>
                    <input type="text" id="to" value="Mountain View, CA"/><br/>
                    <input type="submit" onclick="" id="go" value="Go!"/>
                  </fieldset>
                </form>
              </td>
              <td style="width: 150px" valign="top">
                <form id="simulator-form" onsubmit="return false;" action="get">
                  <fieldset>
                    <legend>Race Time</legend>
                    <input type="button" onclick="" value="Reset"/><br/>
                    <input type="button" onclick="" value="Start"/><br/>
                    <input type="button" onclick="" value="Pause"/><br/>
                    Speed: <strong><span id="speed-indicator">1x</span></strong><br/>
                    <input type="button" onclick="" value="-"/>
                    <input type="button" onclick="" value="+"/>
                  </fieldset>
                </form>
              </td>
            </tr>
          </table>
          <p>Status: <span id="debugStatus"> </span></p>
          <div id="map-container" style="border: 1px solid #000; height: 200px;"></div>
        </td>
      </tr>
    </table>
  </body>
</html>
